﻿
@import"base.css";


body {font-family: "Microsoft YaHei";background: #fff;font-size: 18px;line-height:1.6;color: #111111;}
a { color: #666;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
a:hover {color: #00549c;}


.a_btn_txt{text-align:center;}



.container{width: 1200px; margin: auto;}


.title,.title2{padding:60px 0 30px;margin: auto}

.about{background: #090909;color: #fff; line-height: 1.8}
.about .title{ width: 202px;}
.about p{margin: 0 5% 5%}
.shop{background: #cb121b}
.shop .title{width:450px; }




.reason{background: #c2010a;padding-bottom: 5%}
.reason .title{width: 460px;}
.reason .img{margin: 3% auto;width: 30% }

.reason ul li{line-height: 2;margin-bottom:20px;}
.reason ul li em{color: #c2010a;display:inline-block;padding: 0 20px;background: #fff;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;margin-bottom: 10px;}
.reason ul li p{font-size:14px;color: #fff;}


.jm .title{width: 370px;}
.jm .jmList li{width: 47%;margin: 20px 1.5%;float: left; line-height: 2; color: #595757}
.jm .jmList li h3{color: #c7000a; font-size:26px;margin-bottom: 10px;}
.jm .jmList li .con{box-shadow: 2px 2px 10px #CCCCCC;}
.jm .jmList li .con .img{width: 40%;float: left;margin-right: 10%}
.jm .jmList li .con p:nth-child(2),.jmCon ul li p:nth-child(2){padding-top: 5%}

.jmCon ul li{box-shadow: 2px 2px 5px #CCCCCC;width:28%;display: inline-block;margin: 20px 1%;height: 225px;padding: 0 10px; }
.jmCon ul li .ico{width: 54px;margin: 10px auto;border-bottom: 3px solid #c2010a}
.jmCon ul li .ico .iconfont{font-size:54px; color: #c2010a}
.jmCon ul li em{ color: #fff;font-size:20px;background: #c2010a;padding:0 20px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;margin-bottom: 15px;}
.jmCon ul li p{font-size:14px;}




.box2{background: #c2010a;padding: 5% 10px; color: #fff;}
.box2 h3{font-size:26px; ;margin-bottom:3%}
.box2 h3 p{font-size:18px;font-weight: normal}

.box2 ul.boxList li{ width: 30%;margin:0 1% 5%;display: inline-block}
.box2 ul.boxList li .img{border: 4px solid #fff;margin-bottom: 15px; }
.box2 ul.boxList li p{font-size:20px; line-height: 2;}
.box2 ul.boxList li p span{border: 1px solid #fff;font-size:12px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;padding: 0 10px;display: inline-block;margin-left: 5px;}


.book{padding: 5% 0}
.bookL{background: #ffffff;color: #3a3a3a;font-size: 14px;width:30%;float: left;padding:30px 2% 45px}
.bookL .t{color: #ffffff;background: #d0121b;margin: auto;width: 80%; line-height: 2;font-size: 16px;font-weight: bold;}
.bookL p{margin-top: 20px;}
.bookL p span{font-size: 16px; font-weight: bold}

.bookR{float: right;width: 60%;color: #fff;font-size: 12px;}
.bookR h4{font-size: 20px; }
.bookR .bookt{width:50px;text-align-last:justify; text-align:justify; font-size: 14px; font-weight: bold;float:left;margin-right: 5px;}
.bookR ul li{margin-top: 25px; line-height: 40px;}
.bookR ul li .liL{width: 49%;float: left;position: relative}
.bookR ul li .liR{width: 49%;float: right;position: relative}
.bookR ul li .inputs{float: left;background: #ea9b9b;border: 0; height: 40px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}
.bookR ul li .inputs.yzm{ width: 50%}
.bookR ul li .btn{ color: #d0121b;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}


@media screen and (max-width:1440px) {
    .container{ width:60%}
}

@media screen and (max-width:980px) {
    body {font-size: 16px;}
    .container{ width:90%}
}


@media screen and (max-width:640px) {
    body {font-size: 12px;}
    .container{ width:96%}
    .no_mobile{display: none}

    .title,.title2{padding:5% 0 3% ;}
    .about .title {width: 140px;}
    .shop .title{width:200px; }
    .ys .title {width: 160px;}
    .wl .title {width: 200px;}
    .reason .title {width: 230px;}
    .jm .title {width: 170px;}

    .jm .jmList li{width:97%;margin:10px 1.5%;}
    .jm .jmList li h3{font-size:18px;}

    .jmCon ul li{width:45%;display: inline-block;margin: 20px 1%;padding: 0 0.5%; height: 200px; }
    .jmCon ul li .ico{width: 54px;margin:20px auto }
    .jmCon ul li em{font-size:14px;padding:0 10px;margin-bottom:5px;}
    .jmCon ul li p{font-size:12px;}


    .box2 h3{font-size:16px;}
    .box2 h3 p{font-size:14px}



    .box2 ul.boxList li{ width:80%;}
    .box2 ul.boxList li .img{border: 4px solid #fff;margin-bottom:5px; }
    .box2 ul.boxList li p{font-size:16px;}
    .box2 ul.boxList li p span{border: 1px solid #fff;font-size:12px;-webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;padding: 0 10px;display: inline-block;margin-left: 5px;}


    .bookL{font-size: 12px;width:96%;float: none;padding:20px 2% 25px}
    .bookL .t{font-size: 14px;}

    .bookL p{margin-top: 10px;}
    .bookL p span{font-size: 14px;}

    .bookR{float: none;width:100%;margin-top: 15px;}
    .bookR h4{font-size:16px; }

    .bookR .bookt{width:50px; font-size: 12px;margin-right: 5px;}
    .bookR ul li{margin-top:15px; line-height: 30px;}
    .bookR ul li .liL,.bookR ul li .liR{width:100%;float: none;margin-top: 15px; height: 30px;}

    .bookR ul li .inputs{height:30px;width:calc(100% - 55px);width:-webkit-calc(100% - 55px);width:-moz-calc(100% - 55px);box-sizing: border-box;}
    .bookR ul li .inputs.yzm{ width: 50%}
    .bookR ul li .btn{ color: #d0121b;background: #fff;width: 200px;text-align: center;border: 0; height: 40px; font-weight: bold; font-size: 18px;}



}









